




class a {
    constructor(){
        this.a=1
    }
}
// import lodash from 'lodash';
// setTimeout(()=>{
    console.log('----------------------------lodash',$q.last([2,2,3,6,5,4]))
// },5*1000)

// import {createRef} from 'react'
// import vue from 'vue'
// let v=new vue({
//     el:document.querySelector('.cc'),
//     data:{
//         dc:'10'
//     }
// })
// console.log(v)
// document.querySelector('.cc').onclick=()=>{
//     console.log(_.last([12,2,5,6]))
//     console.log($('.cc'))
// }

let change=require('../module/change.js') 
change()
let ds=new a()
console.log(ds)

let btn=document.querySelector('.btn')
btn.onclick=dianji
function dianji(){
    //  /*webpackChunkName:'math'*/--math 打包后的名称    webpackPrefetch:true 预加载 在空闲的时候加载  webpackPreload:true 预获取
    return import(/*webpackChunkName:'math',webpackPrefetch:true */'../module/math.js').then((res)=>{
        console.log('加载成功----------------')
        console.log(res.default(10,20))
    })
}

let bt2=document.querySelector('.bt2')

bt2.onclick=()=>{
    let div=document.createElement('div')
    div.className='d2'
    document.body.appendChild(div)

}

import('nav/bb').then((res)=>{
    console.log(res,'666666')
}).catch(er=>console.error(er))



//--------------------动态引入也是抽离成单独的文件
// function aa(){
//     return import('loadsh').then(()=>{
//         console.log(666)
//     })
// }

// let q=aa()
// console.log(q,'**----')
